<template>
  <a-popover position="bottom">
    <div class="list" id="driver-full" @click="themeStore.setFullscreen">
      <IconRender></IconRender>
    </div>
    <template #content>
      {{ themeStore.getFullscreen ? "退出全屏" : "全屏" }}
    </template>
  </a-popover>
</template>

<script setup>
import { h } from "vue";
import {
  IconFullscreen,
  IconFullscreenExit
} from "@arco-design/web-vue/es/icon";
import { useThemeStore } from "@/stores/modules/theme.js";

const themeStore = useThemeStore();

function IconRender() {
  return h(themeStore.getFullscreen ? IconFullscreenExit : IconFullscreen, {});
}
</script>

<style lang="less" scoped></style>
